import Navbar from '../../compoents/Navbar'
import { useNavigate } from 'react-router-dom'
import style from './index.module.css'
function Index() {
  const navigate = useNavigate()
  const goDoorCard = () => {
    setInterval(()=>{
      navigate('/DoorCard')
    },1000)
  }
  return (
    <div>
      <Navbar title='门诊报告打印须知' showBack onBack={()=>navigate(-1)} />
      
        <div className={style.content}>
          
          {/* 内容区域 */}
          <div className={style.contentArea}>
            {/* 第一段 */}
            <div className={style.paragraph}>
              <span className={style.number}>1、</span>
              <span className={style.text}>
                这项便民措施的落实，大大减少患者取检验报告等待时间，避免门诊高峰时段拥堵，优化服务流程，便民有效，深受患者好评。同时，使用自助检验报告打印机，确保患者收到的每份报告干净整洁，避免疾病传播。实施自助检验报告打印，减少检验科工作人员工作量，节省报告打印时间，是双赢的好措施。
              </span>
            </div>
            
            {/* 第二段 */}
            <div className={style.paragraph}>
              <span className={style.number}>2、</span>
              <span className={style.text}>
                所有快递均是您自愿下单。快递费用包含：服务费 + 快递费。
              </span>
            </div>
          </div>
          
          {/* 确认按钮 */}
          <div className={style.buttonContainer}>
            <button className={style.confirmButton} onClick={() => goDoorCard()}>
              我已阅读并同意须知
            </button>
          </div>
        </div>
      
    </div>
  )
}

export default Index
